/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    screens: {
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1200px',
      '2xl': '1536px',
    },
    colors:{
      '666':{
        DEFAULT:'#666'
      },
      white:{
        DEFAULT:'#fff'
      },
      '999':{
        DEFAULT:'#999'
      },
      '333':{
        DEFAULT:'#333333'
      },
      '222':{
        DEFAULT:'#222'
      },
      'f8': {
        DEFAULT: '#F8F8F8'
      },
      '3d': {
        DEFAULT: '#3D3D3D'
      },
      'brown':{
        DEFAULT:'#722F2F'
      },
      '712C2F':{
        DEFAULT: '#712C2F'
      }
    },
    extend: {
      gridTemplateColumns: {
        '3': 'repeat(3, minmax(0, 1fr))',
      },
      fontFamily: {
        sans: ["SourceHanSansCN","Inter Variable", "Inter", ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};
